<!doctype html>
<html>

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="yun.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="icon" type="image/x-icon" href="push.ico" />
		<title>云巴</title>
	</head>

	<body>

		<!--导航-->

		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container">
				<a class="navbar-brand" href="#">
					<img src="img/logo3.png" alt="" />
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav">
						<li class="nav-item">
							<li class="nav-item dropdown">
								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									快速入门
								</a>
								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="#">快速入门</a>
									<a class="dropdown-item" href="#">聊天室</a>
									<div class="dropdown-divider"></div>
									<a class="dropdown-item" href="#">直播弹幕 Demo</a>
								</div>
							</li>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link" href="#">产品介绍 <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link" href="#">价格 <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								开发者资源
							</a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdown">
								<a class="dropdown-item" href="#">SDK 下载</a>
								<a class="dropdown-item" href="#">文档中心</a>
							</div>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link" href="#">用户案例 <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item dropdown">
							<a class="nav-link" href="#">博客 <span class="sr-only">(current)</span></a>
						</li>
					</ul>

					<form class="form-inline my-2 my-lg">

						<div class="input-group">
							<input type="text" class="form-control" placeholder="搜索" aria-label="Recipient's username" aria-describedby="basic-addon2">
							<div class="input-group-append">
								<span class="btn btn-outline-secondary" id="basic-addon2">搜索</span>
							</div>
						</div>

					</form>
	
					<form class="form-inline my-2 my-lg-0 ml-5">

						<button type="button" class="btn btn-primary dl">登录</button>
						<button type="button" class="btn btn-outline-dark dl">注册</button>
					</form>
				</div>
			</div>
		</nav>

		<!--轮播-->

		<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
			<div class="container">

				<div class="carousel-inner">
					<div class="carousel-item active">
						<h2>App、Web、物联网实时通讯云服务</h2>
						<p>专注于为需要实时数据交换的产品提供完美解决方案。
							<br /> 支持包括手机、Web、智能设备的几乎所有平台。
						</p>
						<div class="sdk">
							<img src="img/play.png" alt="" />
							<a href="#">立即观看</a>
						</div>
					</div>
					<div class="carousel-item">
						<h2>App、Web、物联网实时通讯云服务</h2>
						<p>使用云巴，无需注册华为等开发者账号，极速集成推送功能</p>
						<div class="sdk">
							<img src="img/finger-push.png" alt="" />
							<a href="#">开启一键推送</a>
						</div>
					</div>
					<div class="carousel-item">
						<h2>App、Web、物联网实时通讯云服务</h2>
						<p>云巴提供完整的共享单车解决方案，助力品牌快速投放，
							<br /> 提供专业共享单车云平台服务
						</p>
						<div class="sdk">
							<img src="img/sdk-icon.png" alt="" />
							<a href="#">了解详情</a>
						</div>
					</div>
				</div>
				<ol class="carousel-indicators">
					<li data-target="#carouselExampleIndicators" data-slide-to="0" class="icon active"></li>
					<li data-target="#carouselExampleIndicators" data-slide-to="1" class="icon"></li>
					<li data-target="#carouselExampleIndicators" data-slide-to="2" class="icon"></li>
				</ol>
			</div>
		</div>
		<div class="main">
			<img src="img/home.png" alt="" />
			<img src="img/1020px.png" />

		</div>

		<div class="home-intro">
			<div class="top">
				<img src="img/introduce.jpg" />
			</div>
			<div class="bot">
				<h2>云巴<span>TM</span>助你打造最佳实时应用</h2>
				<p>基于云巴的实时消息系统，</p>
				<p>你可以轻松实现跨手机、浏览器、智能设备的实时通讯，</p>
				<p>开发、部署大规模实时应用。</p>
			</div>
		</div>
		<div class="home">
			<div class="container">
				<div class="home-top">
					<h2>产品主要功能</h2>
				</div>
				<div class="home-but">
					<div class="row">
						<div class="col-md-3">
							<a href="#">
								<h2><img src="img/push.png"/></h2>
								<h5>消息推送</h5>
								<p>Push Notification</p>
							</a>
						</div>
						<div class="col-md-3">
							<a href="#">
								<h2><img src="img/msg.png"/></h2>
								<h5>临时消息</h5>
								<p>Realtime Messaging</p>
							</a>
						</div>
						<div class="col-md-3">
							<a href="#">
								<h2><img src="img/stat.png"/></h2>
								<h5>实际统治</h5>
								<p>Analytics</p>
							</a>
						</div>
						<div class="col-md-3">
							<a href="#">
								<h2><img src="img/push.png"/></h2>
								<h5>实时在线</h5>
								<p>Presence</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="content">
			<div class="container">
				<div class="content-top">
					<h2 class="text-center">产品主要功能</h2>
					<p class="one-center">我们为移动应用以及智能设备开发提供后端云服务，助你打造最佳实时应用</p>
				</div>
				<div class="content-left">
					<div class="row">
						<div class="col-md-4 v">
							<a href="#">
								<h5>田园科技</h5>
								<img src="img/case-live-video.png" />
								<p>借助云巴的第三方直播互动技术，直播
									<br /> 平台可快速实现弹幕、打赏、点
									<br /> 赞、点爱心等直播互动功能。
								</p>
							</a>
						</div>
						<div class="col-md-4 v">
							<a href="#">
								<h5>掌阅 iReader</h5>
								<img src="img/case-ireader.png" />
								<p>老牌阅读软件，超过三亿人使用的阅读
									<br /> 平台，拥有下载、试读、收藏、书城社
									<br /> 区等功能。
								</p>
								<p>月活跃量在 5000万 以上，日并发量一
									<br /> 亿。
								</p>
							</a>
						</div>
						<div class="col-md-4 v">
							<a href="#">
								<h5>译家365</h5>
								<img src="img/icon(2).png" />
								<p>公司酒店数量近100家，客房8000多<br />间。拥有 驿家365连锁酒店、千里行

									<br />客栈、唐年商旅 酒店三个自主品牌，经
									<br />营区域覆盖河北省。</p>
							</a>
						</div>
						<div class="col-md-4 v">
							<a href="#">
								<h5>共享单车</h5>
								<img src="img/icon(1).png" />
								<p>云巴共享单车整体解决方案提供智能
									<br /> 锁、APP、云平台服务。云巴物联锁接
									<br /> 入云巴实时通信服务，实现实时定位，移动
									<br /> 端瞬时开锁，实时路径监控等功能
								</p>
							</a>
						</div>
						<div class="col-md-4 v">
							<a href="#">
								<h5>智能手表</h5>
								<img src="img/case-watch.png" />
								<p>智能手表是具有信息处理能力，符
									<br /> 合手表基本技术要求的手表。智
									<br /> 能手表除指示时间之外，还应具有提醒、导
									<br /> 航、交互等其中一种或者多种功能
								</p>
							</a>
						</div>
						<div class="col-md-4 v">
							<a href="#">
								<h5>即时通讯</h5>
								<img src="img/icon.png" />
								<p>集成云巴 SDK，既可快速实现一对一聊
									<br /> 天、多人在线聊天群或者无人数上限聊
									<br /> 天室等，还可体验实时在线、实时统计
									<br /> 等功能。
								</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="txtcom">
			<div class="container">
				<h2 class="txt-one">媒体报道</h2>
				<div class="row">
					<div class="col-md-4">
						<a href="#">
							<img src="img/leiphone.jpg" />
							<h6>第三方推送已死</h6>
							<p>主流的 Android 手机现在会自动清理
								<br /> 后台，禁止服务自动拉起，以前第三
								<br /> 方推送服务商的各种 SDK 保活手段
								<br /> 相继失效，云巴一键集成厂商的推送
								<br /> 服务解决难题。
							</p>
						</a>
					</div>

					<div class="col-md-4">
						<a href="#">
							<img src="img/tob.jpg" />
							<h6>累计1.6万企业用户，云巴把重心
							<br />
							放在“实时通讯”</h6>
							<p>目前云巴的注册用户已经超过 16000
								<br /> 个，以企业用户为主，每日调用 API
								<br /> 接口上亿次，每月约有400名新增用
								<br /> 户。截止目前，在云巴平台注册的终
								<br /> 端设备已经达到了数十亿台。
							</p>
						</a>
					</div>

					<div class="col-md-4">
						<a href="#">
							<img src="img/iheima.jpg" />
							<h6>A 轮后云巴想解决直播弹幕压力大的难题</h6>
							<p>云巴所提供的实时消息通信服务，就
								<br /> 能够支持大规模的高并发量通信场
								<br /> 景，帮助解决大量用户在线，直播弹
								<br /> 幕压力大等问题。
							</p>
						</a>
					</div>

				</div>
				<button class="btn btn-primary nb">查看更多</button>
			</div>
		</div>

		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<p>2013-2018 深圳市微智云科技有限公司</p>
						<p>深圳市南山区科技园南区长虹科技大厦23层
							<br /> 2301室
						</p>
						<p>Terms & Conditions</p>
						<p>Privacy Policy</p>
						<p>粤ICP备14035779号</p>
					</div>
					<div class="row">
						<div class="col-md-2">
							<h4>产品</h4>
							<p>消息推送</p>
							<p>实时消息</p>
							<p>实时统计</p>
							<p>实时在线</p>
						</div>
						<div class="col-md-2">
							<h4>开发者资源</h4>
							<p>SDK下载</p>
							<p>文档中心</p>
						</div>
						<div class="col-md-2">
							<h4>公司</h4>
							<p>关于我们</p>
							<p>联系我们</p>
							<p>人才招聘</p>
							<p>媒体报道</p>
						</div>
						<div class="col-md-2">
							<h4>博客</h4>
							<p>QQ群</p>
							<p>WedCht</p>
							<p>WeiBo</p>
						</div>
						<div class="col-md-2">
							<h4>友情链接</h4>
							<p>WebCloud</p>
						</div>
					</div>
				</div>
			</div>
		</div>

	</body>
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</html>